<div class="container-fluid padding-none">
    <div ui-view="topMenu"></div>
    <div ng-show="!showDetail">
        <div class="invest-banner-content"></div>
        <div class="invest-title">
            <div class="container center-block">
                <span class="invest-title-active">优选智投</span>
            </div>
        </div>
        <div class="invest-list-content">
            <div class="container center-block invest-search-content">
                <ul>
                    <!--<input ng-model="dataQuery.riskLevel"/>-->
                    <li>风险等级：</li>
                    <li><label ng-class="{'blue':dataQuery.riskLevel==1}"><input type="radio" name="riskLevel" ng-model="dataQuery.riskLevel" value="1">低风险</label></li>
                    <li><label ng-class="{'blue':dataQuery.riskLevel==2}"><input type="radio" name="riskLevel" ng-model="dataQuery.riskLevel" value="2">中风险</label></li>
                    <li><label ng-class="{'blue':dataQuery.riskLevel==3}"><input type="radio" name="riskLevel" ng-model="dataQuery.riskLevel" value="3">高风险</label></li>
                </ul>
                <ul>
                    <!--<input ng-model="dataQuery.profitLevel"/>-->
                    <li>收益率：</li>
                    <li><label ng-class="{'blue':dataQuery.profitLevel==1}"><input type="radio" name="profitLevel" ng-model="dataQuery.profitLevel" value="1">6-13%</label></li>
                    <li><label ng-class="{'blue':dataQuery.profitLevel==2}"><input type="radio" name="profitLevel" ng-model="dataQuery.profitLevel" value="2">14-17%</label></li>
                    <li><label ng-class="{'blue':dataQuery.profitLevel==3}"><input type="radio" name="profitLevel" ng-model="dataQuery.profitLevel" value="3">18-21%</label></li>
                    <li><label ng-class="{'blue':dataQuery.profitLevel==4}"><input type="radio" name="profitLevel" ng-model="dataQuery.profitLevel" value="4">&gt;=22%</label></li>
                </ul>
            </div>
            <div class="table-content container center-block">
                <ul class="list-ul">
                    <li class="no-data" ng-show="emptyData">暂无数据</li>
                    <li ng-repeat="item in listData" ng-show="!emptyData" ng-click="showDetailClick(item)">
                        <p>{{item.name}}</p>
                        <table>
                            <tr>
                                <td>
                                    <p class="font-orange"><span class="font-24">{{item.interest}}</span>%</p>
                                    <span>预期利率</span>
                                </td>
                                <td>
                                    <p><span class="font-24">{{item.investTime}}</span>个月</p>
                                    <span>项目期限</span>
                                </td>
                                <td>
                                    <p>{{item.totalStock}}份</p>
                                    <span>项目总份额</span>
                                </td>
                                <td>
                                    <p>{{item.remainStock}}份</p>
                                    <span>剩余可投份额</span>
                                </td>
                                <td>
                                    <p>{{item.price}}元</p>
                                    <span>份额单价</span>
                                </td>
                                <td width="8%">
                                    <p class="buy-btn">立即购买</p>
                                </td>
                            </tr>
                        </table>
                    </li>
                </ul>
                <pagination conf="paginationConf"></pagination>
            </div>
        </div>
    </div>
    <div class="detail-content" ng-show="showDetail">
        <div class="container center-block padding-none">
            <div class="left-sale">
                 <h2><span class="pull-left">{{DetailData.name}}</span><span class="pull-left bid-id">借款编号：{{DetailData.id}}</span></h2>
                 <div class="info-rate clearfix">
                     <div class="transfer-price item1">
                         <div class="first-box orange-box">
                             <strong>{{DetailData.interest}}</strong><em>%</em>
                         </div>
                         <p>预期利率</p>
                     </div>
                     <div class="transfer-price item2">
                         <div class="first-box">
                             <strong>{{DetailData.investTime}}</strong>  <em>个月</em>
                         </div>
                         <p>项目期限</p>
                     </div>
                     <div class="transfer-progress item3">
                         <div class="first-box">
                             <strong>{{DetailData.rate}}</strong>  <em>%</em>
                         </div>
                         <p>进度</p>
                     </div>
                 </div>
                <div class="transfer-intro clearfix">
                    <ul class="type-ul">
                        <li><label>项目总额：</label><span><em id="borrowDetialAmount">{{DetailData.totalStock}}</em>份</span></li>
                        <li><label>发布时间：</label><span>{{DetailData.createTime| date:'yyyy-MM-dd'}}</span></li>
                        <li class="repayment"><label>还款方式：</label><span> 月还息到期还本  </span></li>
                        <li><label>起息时间：</label><span>募集成功后预计1个工作日</span></li>
                        <li class="riskStar"> <label>安全等级：</label> <span>
                            <img src="https://static4.weidai.com.cn/static/common/weiPc/img/lend/star1x.png" srcset="https://static4.weidai.com.cn/static/common/weiPc/img/lend/star2x.png 2x">
                            <img src="https://static4.weidai.com.cn/static/common/weiPc/img/lend/star1x.png" srcset="https://static4.weidai.com.cn/static/common/weiPc/img/lend/star2x.png 2x">
                            <img src="https://static4.weidai.com.cn/static/common/weiPc/img/lend/star1x.png" srcset="https://static4.weidai.com.cn/static/common/weiPc/img/lend/star2x.png 2x">
                            <img src="https://static4.weidai.com.cn/static/common/weiPc/img/lend/star1x.png" srcset="https://static4.weidai.com.cn/static/common/weiPc/img/lend/star2x.png 2x">
                            <img src="https://static4.weidai.com.cn/static/common/weiPc/img/lend/star1x.png" srcset="https://static4.weidai.com.cn/static/common/weiPc/img/lend/star2x.png 2x">
                            本金、收益稳定(内部评级，仅供参考)</span></li>
                    </ul>
                </div>
            </div>
            <div class="right-sale zhuanInvestment">
                <dl id="tender_balance" style="display: block;">
                    <ul>
                        <li>剩余可投：<span><strong id="tenderable_amount">{{DetailData.remainStock}}</strong>份</span></li>
                    </ul>
                    <div class="base" id="user_blance_id">
                        <!--<p>账户余额<a href="https://www.weidai.com.cn/static/fed/frontgw/fed.auth/login.html?redirectURL=" +str="" class="font-blue">登录</a>后可见</p>-->
                    </div>
                    <div class="input calculates">
                        <a class="reduce" id="reduce" href="javascript:;" ng-click="reduceOrder();">-</a>
                        <input placeholder="50份起投" class="trTXt" type="text" ng-model="payOrder.buyNumber">
                        <a class="plus" id="plus" href="javascript:;" ng-click="addOrder();">+</a>
                    </div>
                    <p class="realPay unVisible" id="input_error_id" ng-show="payOrder.buyNumber">
                        到期收益 <em>{{expectedProfit}}</em>元
                    </p>
                    <a href="javascript:void(0)" id="tender_form_id" class="button block button-normal radius-ssm buy" ng-click="buyBtnClick()">立即购买</a>
                    <p class="tc">温馨提示：市场有风险，出借需谨慎</p>
                </dl>
            </div>
            <div class="clearfix"></div>

        </div>
        <div class="detail-text"></div>
    </div>
</div>
<div class="footer"></div>